<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初识vue</title>
    <!-- 引入vue -->
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <!--注意区分：js表达式和js代码（语句）
        1- 表达式：一个表达式会生成一个值，可以放在任何一个需要值的地方
            (1) a 
            (2)a+b
            (3)deno(1)
            (4)x === y?'a':'b'
        2-js代码(语句)
            (1)if(){}
            (2)for(){}
    -->
    <!-- 准备好一个容器 -->
    <div id="root">
        <h1>hello,{{name}},{{address}},{{Date.now()}}</h1>
    </div>

    <script>
        Vue.config.productionTip = false //设置为 false 以阻止 vue 在启动时生成生产提示。

        // 创建Vue实例
        new Vue({
            el:'#root',  //el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串
            data:{ //data中用于存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象
                name: '尚硅谷',
                address:'上海'
            }

        })
    </script>
</body>
</html>